<template>
  <view class="content">
    <view class="head-wrap">
      <image class="head-wrap-img" src="/static/tabbar/template.png" mode="" />
      <view class="head-wrap-content">
        以下将展示ggui官方<b>模板</b>组件的能力，组件样式仅供参考，开发者可以根据自身需求自定义组件样式，具体属性参数详见<navigator url="https://www.ggui.cn/">ggui开发文档</navigator>
      </view>
    </view>
    <gg-cell label="商品列表风格" sublabel="多种模板可供选择" url="/pages/template/tpl_goods" />
    <gg-cell label="优惠券风格" url="/pages/template/tpl_yhq" />
    <gg-cell label="轮播" url="/pages/template/tpl_swiper" />
    <gg-cell label="横向列表" url="/pages/template/tpl_flexblock" />
    <!-- <gg-cell label="搜索" url="/pages/template/tpl_search" /> -->
    <!-- <gg-cell label="mescroll下拉加载" url="/pages/template/tpl_mescroll/index" /> -->
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello'
    };
  },
  onLoad() { },
  methods: {
    jumpUrl(jumpUrl) {
      uni.navigateTo({
        url: jumpUrl
      });
    }
  }
};
</script>

<style>
.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tpl-item {
  padding: 30rpx 20rpx;
  border-bottom: 1rpx dashed #d0d0d0;
}
</style>
